/* 全局通用

----------------------------------------------- */

body {

 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;

 color: #303030;

 background-color: #fff;

}

body, button, input, textarea {

 font-size: 14px;

 line-height: 1.531;

 outline: none;

 margin: 0;

 padding: 0;

 border: 0;

}

p, ul, ol, dl, dt, dd, form, blockquote {

 margin: 0;

 padding: 0;

}

ul, ol {

 list-style: none;

}

em, b, i {

 font-style: normal;

 font-weight: normal;

}

img {

 border: 0;

}

a {

 text-decoration: none;

 color: #333;

}

a:hover {

 color: #333;

}

img {

 vertical-align: middle;

}

input, select {

 font-family: Microsoft Yahei;

 vertical-align: middle;

}

.clear {

 clear: both;

 height: 0;

 line-height: 0;

 font-size: 0;

}

.clearfix {

 overflow: hidden;

 zoom: 1;

}

.none {

 display: none;

}

#vcode {

 cursor: pointer;

}

.captcha {

 text-transform: uppercase;

}

.cue {

 color: red;

 font-size:12px;

}

label {

  cursor: pointer;

}

.pa-tp20{padding:20px 0;}

.pa-tp50{padding:50px 0;}

.pa-tp30{padding:30px 0 50px 0;}

.ma-t20{margin-top:20px;}

.ma-t90{margin-top:90px;}

/* 主体框架

----------------------------------------------- */

#wrapper .wrap {

 width: 1200px;

 margin: 0px auto;

}

#wrapper .mb {

 margin-bottom: 10px;

}

/* -- index -- */

#indexLeft {

 float: left;

 width: 600px;

}

#indexRight {

 float: right;

 width: 360px;

 text-align: left;

}

/* -- page -- */

#pageLeft {

 float: left;

 width: 240px;

 margin-right: 20px;

}

#pageIn {

 float: left;

 width: 940px;

 overflow: hidden;

}

/* 头部导航

----------------------------------------------- */

/* -- top -- */

#top {

 background-color: #fff;

 height: 40px;

 border-bottom: 1px solid #e5e5e5;

 text-align: right;

 color: #353535;

 padding:8px 0; box-sizing:border-box; line-height:24px; display:inline-block; width:100%;

}

#top a {

 color: #666;

}

#top s {

 top: 9px;

 left: 0;

 width: 0;

 height: 12px;

 border-left: 1px solid #DDD;

 overflow: hidden;

}

/* userTop */

#top .userTop {

 float:left;

}

#top .userTop s {

 margin:0 12px;

}

/* topNav */

#top .topNav {

 position: relative;

 z-index: 1000;

 height: 30px;

 float: right;

 margin-right:-5px;

}

#top .topNav li {

 border-right: 1px dotted #414141;

 border-bottom: 0;

 float: left;

 zoom: 1;

 text-align: center;  padding: 0 12px;

}

#top .topNav li:last-child{border-right: none;}

#top .topNav li a {

color:#666

}

#top .topNav li.hover {

 position: relative;

 background: #FFFFFF;

 border: 1px solid #DDDDDD;

 border-bottom: 0;

}

#top .topNav li.hover s {

 border-left: 1px solid #FFF;

}

#top .topNav ul {

 background: #FFFFFF;

 border: 1px solid #DDDDDD;

 border-top: 0;

 width: 100%;

 display: none;

 position: absolute;

 top: 100%;

 left: -1px;

 padding-bottom: 4px;

}

#top .topNav ul li {

 float: none;

}

#top .topNav li.hover ul li {

 border: none;

}

#top .topNav li.hover ul li a {

 height: 25px;

 line-height: 25px;

}

/* -- header -- */

#header {

 min-height: 70px;

}

#header .logo {

 padding: 5px 0;

 float: left;

}

#header .searchBox {

 float: right;

}

#header .searchBox {

 margin: 30px 10px 0 0;

}

#header .searchBox .keyword {

 width: 210px;

}

/* -- mainNav -- */

#mainNav {

 font-size: 14px;

 width:820px; 

 float:right;

 margin-top:20px;

 padding-top:10px;

}

/* LEVEL ONE */

#mainNav ul.wrap {

 position: relative;

 z-index: 1000;

 width:100%;

}

#mainNav ul li {

 float: left;

 zoom: 1;

 padding:0 17px;

}

#mainNav ul li a {

    display: block;

    text-align: center;

    height: 25px;

    line-height: 16px;

    color: #303030;

    text-decoration: none;

    position: relative;

    padding-bottom: 20px;

    letter-spacing: 1px;

    font-size: 16px;

}

/*

#mainNav ul li a:hover, #mainNav ul li .cur {

 border-bottom:2px solid #ce0d08;



}*/

#mainNav ul li.hover a, #mainNav ul li.cur a {

 color: #303030;

}

#mainNav ul li .first {

 background: #E0E0E0;

 width: 74px;

}

#mainNav ul li.hover .first, #mainNav ul li.cur .first {

 background: #19B4EA;

}

#mainNav ul li .last {

 background: #E0E0E0;

 margin-right: -1px;

}

#mainNav ul li.hover .last, #mainNav ul li.cur .last {

 background: #19B4EA;

}

/* LEVEL TWO */

#mainNav ul ul {

 min-width: 125px;

 _width: 125px;

 display: none;

 position: absolute;

 top: 100%;

 left: 0;

 border-top: 1px solid white;

 background: #E0E0E0;

}

#mainNav ul ul li {

 font-weight: normal;

 background: #E0E0E0;

 float: none;

}

#mainNav ul li.hover ul li a {

 color: #24313C;

 border-right: none;

 display: inline-block;

}

#mainNav ul li.hover ul li.hover a {

 color: #FFF;

}

#mainNav ul li.hover ul a.parent {



}

/* LEVEL THREE */

#mainNav ul ul ul {

 left: 100%;

 top: 0;

 border-top: 0;

 _border-top: 1px;

}

#mainNav ul li.hover ul li.hover ul li a {

 color: #24313C;

}

#mainNav ul li.hover ul li.hover ul li.hover a {

 color: #FFF;

}

/* 首页样式

----------------------------------------------- */

/* -- 幻灯 -- */

.slideShow {

 position: relative;

 margin: 0 auto 10px;

 padding: 0;

 *zoom: 1;

}

.slideShow .slides a {

 display: block;

 height: 500px;

 background-repeat: no-repeat;

 background-position: center center;

}

.slideShow .slideBox {

 background: #fff;

 /*fix other elements on the page moving (on Chrome)*/

 -webkit-transform: translatez(0);

 -moz-transform: translatez(0);

 -ms-transform: translatez(0);

 -o-transform: translatez(0);

 transform: translatez(0);

}

/* -- slideLoading -- */

.slideShow .slideLoading {

 min-height: 50px;

 background: #fff;

 height: 100%;

 width: 100%;

 position: absolute;

 top: 0;

 left: 0;

 z-index: 60;

}

/* -- previous 和 next 按钮 -- */

.slideShow .arrowBox a {

 z-index: 70;

 font-family: \5b8b\4f53, sans-serif;

 position: absolute;

 display: block;

 margin-bottom: -20px;

 width: 40px;

 height: 40px;

 bottom: 50%;

 line-height: 40px;

 text-decoration: none;

 text-align: center;

 color: #fff;

 font-size: 2em;

 background-color: #333;

 background-color: rgba(50, 50, 50, .3);

}

.slideShow .arrowBox a.disabled {

 display: none;

}

.slideShow .arrowBox .arrowPrev {

 left: 20px;

}

.slideShow .arrowBox .arrowNext {

 right: 20px;

}

.slideShow .arrowBox a:hover {

 background-color: rgba(50, 50, 50, .6);

}

/* -- controlBox -- */

.slideShow .controlBox {

 z-index: 70;

 position: absolute;

 bottom: 10px;

 width: 100%;

 text-align: center;

 font-size: .85em;

 font-family: Arial;

 font-weight: bold;

 color: #666;

}

.slideShow .controlBox .control {

 display: inline-block;

 *zoom: 1;

 *display: inline;

}

.slideShow .controlBox.controlDefault a {

 background: url(inactive.png) no-repeat 50% 50%;

 text-indent: -9999px;

 overflow:hidden;

 width: 20px;

 height: 30px;

 clear: none;

 display: block;

}

.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {

	 background: url(active.png) no-repeat 50% 50%;

}

/* -- slideTitle -- */

.slideShow .slideTitle {

 z-index: 70;

 position: absolute;

 bottom: 0;

 left: 0;

 background: #666\9;

 background: rgba(80, 80, 80, 0.75);

 width: 100%;

}

.slideShow .slideTitle span {

 color: #fff;

 display: block;

 font-size: .85em;

 padding: 15px 10px;

}

/* -- sileThumb -- */

.slideShow .sileThumb {

 z-index: 70;

 text-align: center;

 position: absolute;

 bottom: 8px;

 right: 8px;

}

.slideShow .sileThumb a {

 margin: 0 3px;

}

.slideShow .sileThumb a img {

 border: solid #B0B0B0 1px;

}

.slideShow .sileThumb a.active img {

 border: solid #19B4EA 1px;

}

/* 通用结构 

----------------------------------------------- */

/* -- form -- */

.btn {

 display: inline-block;

 background-color: #0072C6;

 color: #EEE;

 padding: 6px 25px;

 text-transform: capitalize;

 cursor: pointer;

 font-weight: bold;

 text-align:center;

 -webkit-appearance: none;

}

.btn:hover {

 text-decoration: none;

 color: #FFFFFF;

 background-color: #007AD5;

}

.btnGray {

 display: inline-block;

 background-color: #CCC;

 border: 0;

 color: #333;

 padding: 6px 15px;

 text-transform: capitalize;

 cursor: pointer;

 font-weight: bold;

 -webkit-appearance: none;

}

.btnPayment {

 display: inline-block;

 background-color: #ff4246;

 color: #FFF;

 padding: 7px 28px;

 text-transform: capitalize;

 cursor: pointer;

 font-weight: bold;

 font-size:14px;

 text-align:center;

 -webkit-appearance: none;

}

/* -- input -- */

.textInput {

 height: 20px;

 padding: 6px;

 font-size: 14px;

 border: 1px solid #DDD;

 background-color:#F4F4F4;

 color:#666;

 -webkit-appearance: none;

}

.textArea {

 padding: 4px;

 border: 1px solid #DDDDDD;

 background-color:#F4F4F4;

 line-height: 20px;

 -webkit-appearance: none;

}

.textAreaAuto {

 border: 1px solid #DBDBDB;

 background-color:#F4F4F4;

 padding: 0;

 font-size: 12x;

 line-height: 20px;

 resize: none;

 min-height: 40px;

 -webkit-appearance: none;

}

/* -- style -- */

.price {

 color: #CC0000;

}

/* -- incBox -- */

.incBox {

 margin-bottom: 15px;

}

.incBox h3 {

 height: 35px;

 line-height: 35px;

 color: #7A7F81;

 font-weight: bold;

 font-size: 14px;

 border-bottom: 1px solid #CBD1D3;

}

.incBox h3 a {

 color: #7A7F81;

}

/* -- tree -- */

.treeBox {

 margin-bottom: 15px;

 width:100%;

 float:left;

 box-sizing:border-box;

 border:1px solid #dedede;

 padding:10px;

}

.treeBox h3 {

 height: 35px;

 line-height: 35px;

 color: #c20001;

 font-weight: bold;

 font-size: 14px;

 border-bottom: 1px solid #CBD1D3;

 margin:0;

 padding:0

}

.treeBox li {

 line-height:35px;

 border-bottom:1px dashed #dedede;

}

.treeBox li.pro-listbg{border:none;  margin-top: 15px; padding-left:15px; background:#c20001; border-radius:3px; color:#fff}

.treeBox li.pro-listbg a{color:#fff}

.treeBox li.pro-listbg.cur{background:#504b4c;}

.treeBox li.pro-listbg.cur a {

 border-left: 4px solid #fff; color:#fff

}

.treeBox li.cur a {

  border-left: 4px solid #c20001;

}

.treeBox li.proej.cur a {

  border-left:0; color:#c20001

}

.treeBox li a {

 color: #333;

 border-left: 4px solid #F4F4F4;

 line-height: 15px;

 padding-left: 10px;

}

.treeBox .searchBox {

 margin:20px 0;

}

.treeBox .searchBox .keyword {

 width: 173px;

}

/* -- searchBox -- */

.searchBox {

 border: 1px solid #DDDDDD;

 background-color: #FFF;

 height: 28px;

 padding-left: 10px;

}

.searchBox {

 position: relative;

 white-space: normal

}

.searchBox label {

 height: 0;

 line-height: 0;

 overflow: hidden;

 width: 0;

 position: absolute;

 font-size: 0;

 z-index: -1;

 outline: 0

}

.searchBox .keyword {

 color: #CCCCCC;

}

.searchBox .keyword:focus {

 color: #555

}

.searchBox .keyword::-webkit-input-placeholder {

 color:#CCCCCC;

}

.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {

color:transparent!important

}

.searchBox .keyword:focus::-webkit-input-placeholder {

color:transparent!important

}

.searchBox .btnSearch {

 background:url(btn_search.gif) #E0E0E0;

 width: 28px;

 height: 28px;

 text-indent: -999px;

 overflow:hidden;

 cursor: pointer;

}

/* -- 上一页下一页 -- */

.lift {

 margin-top:60px;

 color:#999;

}

.lift a {

 color:#999;

}

.lift span {

 margin-right:15px;

}

/*- tableBasic -*/

.tableBasic {

 color: #666666;

 border-left: 1px solid #DDDDDD;

 border-top: 1px solid #DDDDDD;

 border-collapse: collapse;

}

.tableBasic select {

 color: #8F8F8F;

}

.tableBasic td, .tableBasic th {

 border-right: 1px solid #DDDDDD;

 border-bottom: 1px solid #DDDDDD;

}

.tableBasic th {

 background-color: #EFEFEF;

}

.tableBasic .child {

 background-color: #FFFFFF;

}

.tableBasic td label {

 margin-right:15px;

}

.tableBasic td i {

 color:#F00;

 margin-left:5px;

 font-weight:bold;

}

/*- tableDiv -*/

.tableDiv dl {

 zoom:1;

 overflow:hidden;

 margin-bottom:15px;

}

.tableDiv dl dt {

 float:left;

 width:160px;

 text-align:right;

 line-height:34px;

 font-size:13px;

}

.tableDiv dl dd {

 float:left;

 width:640px;

 padding-left:10px;

}

.tableDiv dl dd i {

 color:#F00;

 margin-left:5px;

 font-weight:bold;

}

.tableDiv dl dd label {

 margin-right: 15px;

 line-height:34px;

}

/* -- douBox -- */

#douBox .boxBg {

 position: fixed;

 top: 0;

 left: 0;

 z-index: 13030301;

 width: 100%;

 height: 100%;

 background: #000;

 filter: alpha(opacity=15);

 opacity:0.15

}

#douBox .boxFrame {

 position: absolute;

 z-index: 13030302;

 overflow: hidden;

 padding: 0;

 border: 2px solid #C4C4C4;

 background-color:#FFF;

 width:360px;

 left:50%;

 top:300px;

 margin-left:-180px;

}

#douBox .boxFrame h2 {

 height: 28px;

 padding: 0 10px;

 background: #f5f5f5;

 line-height: 28px;

 color: #666;

 font-size:14px;

 font-weight:normal;

}

#douBox .boxFrame h2 .close {

 width:12px;

 height:12px;

 display:block;

 float:right;

 text-indent:-9999px;

 margin-top:8px;

}

#douBox .boxFrame .boxCon {

 padding:13px 10px 15px 70px;

 height:100px;

}

#douBox .boxFrame .boxCon dt {

 font-family:Microsoft YaHei;

 font-size:16px;

 color:#19B4EA;

 font-weight:bold;

}

#douBox .boxFrame .boxCon dd {

 color:#999;

 zoom:1;

 overflow:hidden;

}

#douBox .boxFrame .boxCon dd a {

 background-color:#F5F5F5;

 border: 1px solid #CBD1D3;

 display:block;

 float:left;

 width:70px;

 line-height:26px;

 text-align:center;

 margin:10px 12px 0 0;

 text-decoration:none;

}

/* 库项目样式

----------------------------------------------- */

/* -- urHere -- */

.urHere {

 height: 35px;

 line-height: 35px;

 color: #999999;

 border-bottom: 1px solid #CBD1D3;

}

.urHere a {

 color: #999999;

}

.urHere b {

 margin: 0 8px;

}

/* -- recommendProduct -- */

.recommendProduct {

 padding-top: 10px;

 zoom:1;

 overflow:hidden;

}

.recommendProduct li {

 float: left;

 width: 137px;

 height: 200px;

 margin-right: 17px;

 text-align: center;

}

.recommendProduct li.clearBorder {

 margin-right: 0;

}

.recommendProduct .img {

 border: 1px solid #E4E4E4;

 margin-bottom: 8px;

}

/* -- about -- */

.about {

 padding-top: 13px;

}

.about p {

 float: left;

 width: 120px;

 height: 154px;

}

.about dl {

 float: right;

 width: 465px;

 height: 154px;

}

.about dl dt {

 display: block;

 font-size: 16px;

 font-weight: bold;

 color: #313131;

 padding: 5px 0;

}

.about dl dd {

 line-height: 200%;

 color: #999999;

 word-wrap: break-word;

 word-break: normal;

}

.about .aboutBtn {

 display: block;

 text-decoration: underline;

 color: #CC0000;

 font-weight: bold;

 margin-top: 12px;

}

/* -- recommendArticle -- */

.recommendArticle li {

 border-bottom: 1px dotted #D1D1D1;

 line-height: 38px;

 padding-left: 15px;

}

.recommendArticle li b {

 float: right;

 color: #999999;

}

.recommendArticle li.last {

 border-bottom: 0;

}

/* -- contact -- */

.contact {

font-size:16px;

line-height:37px;

border: 1px solid #CBD1D3;

 background-color: #EFEFEF;

 padding:15px;

 width:80%; float:left

}

.contact h3 {

 border-bottom: 1px solid #CBD1D3;

 padding-bottom: 10px;

 font-size: 14px;

 color: #7A7F81;

}

.contact .box {

 padding:0px 0 0 3px;

}

.contact dl {

 margin-bottom: 8px;

 zoom:1;

 overflow:hidden;

}

.contact dt {

 float:left;

 width:30px;

 height: 30px;

 margin-right:17px;

 background:url(icon_contact.gif);

}

.contact dt.tel {

 background-position: 0 -30px;

}

.contact dt.fax {

 background-position: 0 -60px;

}

.contact dt.url {

 background-position: 0 -90px;

}

.contact dt.email {

 background-position: 0 -120px;

}

.contact dd {

 float:left;

 width:278px;

 color: #7A7F81;

 line-height:30px;

}

/* page

----------------------------------------------- */

#page {

 padding: 20px 0;

}

#page h1 {

 color: #c20001;

 font-size: 18px;

 font-weight: bold;

}

#page .info {

 padding: 2px 0 20px 0;

 color: #999999;

 font-size: 13px;

}

#page .content {

 color: #666666;

 line-height: 200%;

 padding-top: 10px;

}

/* product_category

----------------------------------------------- */

.productList {

 padding-top: 20px;

 color: #999999;

}

.productList dl {

 float: left;

 width: 370px;

 height: 160px;

 margin: 0 20px 30px 0;

}

.productList dl.last {

 margin-right: 0;

}

.productList dt {

 float: left;

 width: 160px;

}

.productList dd {

 float: left;

 width: 195px;

 padding: 15px 0 0 15px;

}

.productList dt img {

 border: 1px solid #EEEEEE;

}

.productList .name {

 height: 18px;

 overflow: hidden;

}

.productList .name a {

 color: #333333;

 font-weight: bold;

}

.productList .brief {

 color: #999999;

 padding-top: 8px;

 height: 60px;

}

.productList .price {

 padding-bottom: 10px;

}

.productList ul{margin:0; padding:0}

.productList ul li{width:25%; box-sizing:border-box; float:left; padding:10px; text-align:center; line-height:30px}

.productList ul li img{width:100%; height:170px; border:1px solid #ddd}

/* product

----------------------------------------------- */

#product {

 padding: 15px 0;

}

#product h1{font-size:20px; text-align:center; font-weight:400}

#product .productImg {

 float: left;

 width: 100%;

 text-align:center

}

#product .productImg img{}

#product .productInfo {

 float: left;

 width: 465px;

 padding: 10px 0 0 15px;

 line-height: 200%;

}

#product .productInfo h1 {

 font-size: 18px;

 text-align:center

}

#product .productInfo ul {

 padding-top: 10px;

 margin-bottom:50px;

}

#product .productInfo .productPrice {

 margin-bottom: 5px;

}

#product .productInfo .productPrice .price {

 font-family: Arial;

 font-size: 20px;

 font-weight: bold;

}

#product .productInfo .btnAsk {

 zoom: 1;

 overflow: hidden;

}

#product .productInfo .btnAsk dt {

 float: left;

 width: 88px;

 height: 39px;

 line-height: 39px;

 text-align: right;

 padding-right: 3px;

 margin-right: 6px;

 background-color: #E0E0E0;

 color: #333;

 font-weight: bold;

}

#product .productInfo .btnAsk dd {

 float: left;

 width: 300px;

}

#product .productInfo .btnBuy {

 margin-bottom: 40px;

}

#product .productInfo .btnBuy .addToCart {

 background:#19B4EA;

 color: #FFFFFF;

 padding: 8px 25px 8px 50px;

 text-decoration: none;

 cursor: pointer;

 font-size:16px;

}

#product .productInfo .btnBuy .addToCart:hover {

 background-color: #44C4EE;

}

#product .productContent {

 padding: 15px 0;

}

#product .productContent h3 {

 height: 35px;

 line-height: 35px;

 color: #7A7F81;

 font-weight: bold;

 font-size: 16px;

 border-bottom: 1px solid #CBD1D3;

}

#product .productContent ul {

 padding: 15px 0;

 color: #666;

 line-height: 200%;

}

.prenext {

	line-height: 2;

	border-top: 1px dashed #e0e1dc;

	padding-top: 20px;

	font-size: 14px;

}

.prenext a {

	color: #005a98;

}

.prenext a:hover {

	color: #cf0105;

}

.prenext span {

	color: #005a98;

}

/* article_category

----------------------------------------------- */

#articleList dl {

 border-bottom: 1px dotted #D1D1D1;

 padding: 20px 0;

 zoom:1;

 overflow:hidden;

}

#articleList ul{margin:0; padding:0}

#articleList ul li{width:100%;  background: url(icon_red.gif) no-repeat left 50%; margin-bottom:8px; padding-left: 15px; box-sizing:border-box; border-bottom: 1px dashed #D1D1D1; line-height:35px}

#articleList ul li .date{float:right; color:#999}

#articleList dl.last {

 border-bottom: 0;

}

#articleList dt {

 width: 620px;

 padding-left: 15px;

 margin-bottom: 10px;

}

#articleList dd {

 color: #999999;

 padding-left: 2px;

 line-height: 180%;

 zoom: 1;

 overflow: hidden;

}

#articleList dd p {

 float: left;

}

#articleList dd p.img {

 margin-right: 10px;

}

#articleList dd p.desc {

 width: 590px;

}

#articleList .numDate {

 float: right;

 text-align: right;

 padding-top: 12px;

}

#articleList .numDate em {

 background-color: #0072C6;

 color: #FFF;

 padding: 3px 4px;

 font-size: 14px;

 font-weight: bold;

}

#articleList .numDate p {

 font-size: 16px;

 color: #999999;

 margin-top: 5px;

}

/* article

----------------------------------------------- */

#article {

 padding: 20px 0;

}

#article h1 {

 color: #333333;

 font-size: 18px;

 font-weight: 400;

 text-align:center

}

#article .info {

 padding: 10px 0 10px 0;

 color: #999999;

 font-size: 12px;

 margin-bottom:20px;

 text-align:center;width:100%; border-bottom:1px solid #dedede;

}

#article .content {

 color: #666666;

 line-height: 180%;

}

/* 会员中心

----------------------------------------------- */

#user {

 zoom:1;

 overflow:hidden;

}

#user .userLeft {

 float: left;

 width: 160px;

 margin-right: 20px;

}

#user .userIn {

 float: left;

 width: 800px;

 overflow: hidden;

}

#user .userIn .main {

 padding-top:15px;

}

#user .userIn .main h3 {

 color:#19B4EA;

 font-size:16px;

 margin-bottom:10px;

}

#user .userIn .main h3 .more {

 float:right;

 color:#888;

 font-size:12px;

 margin-top:9px;

 font-weight:normal;

}

/* -- passport -- */

#user .passport {

 border: 1px solid #E4E4E4;

 padding:40px 50px 80px 50px;

}

#user .passport .register h3 {

 font-size: 22px;

 font-weight: bold;

 color: #19B4EA;

 border-bottom: 1px dashed #CCCCCC;

 padding:0 0 20px 30px;

 margin-bottom:40px;

}

#user .passport .register h3 em {

 display:block;

 color: #999;

 font-size:12px;

 font-weight:normal;

}

#user .passport .register h3 a {

 color: #19B4EA;

}

#user .passport .register .btn {

 width:200px;

}

#user .passport .login {

 margin:0 auto;

 width:320px;

}

#user .passport .login h3 {

 font-size: 22px;

 font-weight: bold;

 margin-bottom:40px;

}

#user .passport .login h3 em {

 display:block;

 color: #999;

 font-size:12px;

 font-weight:normal;

}

#user .passport .login .textInput {

 width:306px;

}

#user .passport .login .btn {

 width:100%;

}

#user .passport .login .btnRegister {

 display: block;

 width:318px;

 border: 1px solid #CCCCCC;

 color: #555555;

 padding: 6px 0;

 cursor: pointer;

 font-weight: bold;

 text-align:center;

}

/* -- userTree -- */

#user .userTree {

 margin-bottom: 15px;

}

#user .userTree h3 {

 height: 35px;

 line-height: 35px;

 color: #7A7F81;

 font-weight: bold;

 font-size: 14px;

 border-bottom: 1px solid #CBD1D3;

 margin-bottom:5px;

}

#user .userTree li a {

 display:block;

 padding:8px 10px;

 color: #7A7F81;

}

#user .userTree li.cur {

 background-color:#19B4EA;

}

#user .userTree li.cur a {

 color:#FFF;

}

#user .userTree .searchBox {

 margin:20px 0;

}

#user .userTree .searchBox .keyword {

 width: 136px;

}

/* -- startPage -- */

#user .startPage .welcom {

 margin-bottom:15px;

}

#user .startPage .welcom dt {

 font-size:16px;

 margin-bottom:10px;

}

#user .startPage .welcom dt b {

 font-weight:bold;

 color:#F00;

 margin-right:8px;

}

#user .startPage .welcom dd {

 padding-top:6px;

 padding-left:5px;

 margin-bottom:6px;

 color: #888;

}

#user .startPage .tableBasic {

 color: #666666;

 border-left: 1px solid #DDDDDD;

 border-top: 1px solid #DDDDDD;

 border-right: 1px solid #DDDDDD;

 border-collapse: collapse;

}

#user .startPage .tableBasic td {

 border-right: 0;

 border-bottom: 1px solid #DDDDDD;

}

#user .tableBasic td {

 background-color: #F2F2F2;

}

/* -- orderList -- */

#user .orderList .orderSn {

 background-color: #EEEEEE;

 color:#999;

}

#user .orderList .orderSn em {

 margin-right:30px;

}

#user .orderList .imgList img {

 border: 1px solid #DDDDDD;

}

#user .btnPayment {

 float:right;

}

#user .order .totalAmount {

 line-height:180%;

 padding-top:15px;

}

/* 订单

----------------------------------------------- */

#order {

 margin-top:20px;

}

#order h3 {

 font-size:16px;

 font-weight:bold;

 margin:10px 0;

 color:#19B4EA;

}

/* -- cartBox -- */

#order .cartBox {

 border: 1px solid #E4E4E4;

}

#order .cartBox dl {

 border-bottom: 1px solid #E4E4E4;

 padding:8px 0;

 zoom:1;

 overflow:hidden;

 line-height:180%;

}

#order .cartBox dl.head {

 background-color:#EBEBEB;

}

#order .cartBox dl.head b {

 color:#000;

}

#order .cartBox dt {

 float:left;

 width:50px;

 padding-left:10px;

}

#order .cartBox dd {

 float:left;

 width:90px;

 margin-left:10px;

 text-align:center;

}

#order .cartBox dd.name {

 width:500px;

 text-align:left;

}

#order .cartBox dd.name a {

 color:#0072C6;

}

/* -- 购物车数量加减 -- */

#order .cartBox dd.number {

 width:80px;

 margin: 0px auto;

}

#order .cartBox dd.number input, #order .cartBox dd.number span {

 float:left;

 cursor:pointer

}

#order .cartBox dd.number input {

 width:35px;

 background:none;

 border:none;

 border-top:1px solid #e8e8e8;

 border-bottom:1px solid #e8e8e8;

 height:18px;

 background:#fff;

 text-align:center;

}

#order .cartBox dd.number span.minus {

 text-indent:-9999px;

 display:block;

 background-position:left 0;

 width:20px;

 height:20px;

}

#order .cartBox dd.number span.plus {

 text-indent:-9999px;

 display:block;

 background-position:-22px 0;

 width:20px;

 height:20px;

}

/* -- cart -- */

#order .cart .cartAction {

 zoom:1;

 overflow:hidden;

 padding:5px;

}

#order .cart .cartAction .btnGray {

 float:left;

}

#order .cart .cartAction .btn {

 float:right;

}

#order .cart .cartBtn {

 zoom:1;

 overflow:hidden;

 margin-top:20px;

}

#order .cart .cartBtn .checkOut {

 float:right;

 width:540px;

 background-color:#0072C6;

 line-height:45px;

 padding-left:20px;

}

#order .cart .cartBtn .checkOut em {

 display:block;

 background-color:#E0E0E0;

 float:left;

 width:360px;

 padding:0 15px;

 font-size:14px;

}

#order .cart .cartBtn .checkOut a {

 display:block;

 float:right;

 text-align:left;

 width:95px;

 padding-left:45px;

 color:#FFF;

 font-size:16px;

 font-weight:bold;

}

#order .cart .cartBtn .checkOut a i {

 font-weight:bold;

}

#order .cart .cartEmpty {

 border-bottom: 1px solid #CBD1D3;

 background-color:#EFEFEF;

 font-size: 14px;

 text-align:center;

 padding:20px 0;

}

/* -- checkout -- */

#order .checkout .checkBox {

 border: 1px solid #E4E4E4;

 padding:15px 25px 40px 25px;

}

#order .checkout h2 {

 font-size:14px;

 margin-bottom:15px;

}

#order .checkout h2 .more {

 float:right;

 font-size:13px;

 font-weight:normal;

 margin-top:8px;

}

#order .checkout .box {

 border-bottom: 1px solid #E4E4E4;

 padding-bottom:15px;

 margin-bottom:20px;

}

#order .checkout .box .tableDiv dl dt {

 width:80px;

 font-size:12px;

}

#order .checkout .box .checkbox {

 color:#19B4EA;

 font-size:13px;

}

#order .checkout .payment {

 zoom:1;

 overflow:hidden;

 padding-left:30px;

}

#order .checkout .payment dd {

 float:left;

 width:170px;

}

#order .checkout .cartBox {

 border: 0;

}

#order .checkout .shipping dl {

 zoom:1;

 overflow:hidden;

 padding:0 0 10px 30px;

}

#order .checkout .shipping dt {

 float:left;

 width:120px;

}

#order .checkout .shipping dd {

 float:left;

 width:350px;

}

#order .checkout .cartBox dl {

 background-color:#F4F4F4;

 border-bottom: 1px dotted #D1D1D1;

}

#order .checkout .totalAmount {

 border-bottom: 1px solid #E4E4E4;

 margin:20px 0 20px;

 padding-bottom:20px;

 zoom:1;

 overflow:hidden;

}

#order .checkout .totalAmount .list {

 float:right;

 width:300px;

}

#order .checkout .totalAmount dl {

 zoom:1;

 overflow:hidden;

 text-align:right;

 margin-bottom:10px;

}

#order .checkout .totalAmount dt {

 float:left;

 width:150px;

}

#order .checkout .totalAmount dd {

 float:left;

 width:150px;

}

#order .checkout .totalAmount b {

 color:red;

 margin-right:3px;

}

#order .checkout .orderSubmit {

 text-align:right;

}

#order .checkout .orderSubmit .orderAmount {

 margin-right:20px;

 font-size:15px;

}

#order .checkout .orderSubmit .orderAmount b {

 font-weight:bold;

 color:red;

}

#order .checkout .orderSubmit .submit {

 background-color:#19B4EA;

 color: #FFFFFF;

 padding: 10px 40px;

 text-decoration: none;

 cursor: pointer;

 font-size:16px;

}

#order .checkout .orderSubmit .submit:hover {

 background-color: #44C4EE;

}

/* -- complete -- */

#order .complete {

 border: 1px solid #E4E4E4;

 padding:130px 0;

 text-align:center;

}

#order .complete p {

 padding:15px 0;

}

#order .complete p.title {

 font-weight:bold;

 font-size:16px;

}

#order .complete p.info {

 color:#19B4EA;

 font-size:26px;

}

#order .complete p.info b {

 color:red;

 margin-right:3px;

}

/* 留言板

----------------------------------------------- */

#guestBook {

 padding: 20px 0;

}

#guestBook h2 {

 color: #555;

 font-size: 18px;

 font-weight: bold;

 margin-bottom: 20px;

}

/* bookList */

#guestBook .bookList {

 margin-bottom: 30px;

 line-height: 180%;

 font-size: 13px;

}

#guestBook .bookList dl {

 margin-bottom: 15px;

}

#guestBook .bookList dt {

 color: #999;

 margin-bottom: 3px;

}

#guestBook .bookList dt b {

 color: #999;

 margin-left: 20px;

}

#guestBook .bookList dd {

 color: #666;

 overflow: hidden;

 zoom: 1;

}

#guestBook .bookList dd em {

 float: left;

 width: 70px;

}

#guestBook .bookList dd span {

 float: right;

 width: 910px;

 text-align: left;

}

#guestBook .bookList p {

 color: #0072C6;

 margin-top: 5px;

 overflow: hidden;

 zoom: 1;

}

#guestBook .bookList p em {

 float: left;

 width: 70px;

}

#guestBook .bookList p span {

 float: left;

 width: 800px;

}

#guestBook .bookList p b {

 color: #999;

 float: right;

}

#guestBook .bookList .pager {

 text-align: left;

}

/* bookList */

#guestBook .bookAdd {

 line-height: 180%;

 font-size: 13px;

}

#guestBook .bookAdd dl {

 overflow: hidden;

 zoom: 1;

 margin-bottom: 15px;

}

#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd {

 float: left;

}

#guestBook .bookAdd dl dt {

 width: 70px;

 text-align: right;

 line-height: 30px;

}

#guestBook .bookAdd .select {

 height: 28px;

}

#guestBook .bookAdd dl.cue {

 margin: -8px 0 10px 60px;

 color: #999;

}

#guestBook .bookAdd dl.submit {

 margin: 20px 0 0 70px;

}

#guestBook .bookAdd dd b {

 display: block;

 padding: 2px 0 2px 3px;

 border: 1px solid #fec600;

 color: #666;

 background-color: #fbf8e9;

 line-height: 16px;

}

/* 提示信息

----------------------------------------------- */

#douMsg {

 padding: 10px 0 100px 0;

}

#douMsg dl {

 padding: 160px 0 200px 0;

 text-align: center;

 border: 1px solid #E4E4E4;

}

#douMsg dt {

 color: #0072C6;

 font-size: 16px;

 margin-bottom: 30px;

 font-weight: bold;

}

#douMsg dd {

 color: #666;

}

#douMsg dd a {

 margin-left: 5px;

 color: #000;

}

/* 分页

----------------------------------------------- */

.pager {

 text-align: right;

 padding-top: 20px;

 color: #666;

}

.pager a {

 color: #666;

 text-decoration: underline;

}

/* link

----------------------------------------------- */

.link {

	margin: 0 auto;

    padding: 20px 0;

    width: 1200px;

    height: 68px;

}

.link ul li{

	padding-right: 18px;

	float:left;

	box-sizing:border-box;

	line-height:33px;

}



/* 在线客服

----------------------------------------------- */

#onlineService {

 position: fixed;

 _position: absolute;

 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");

 top: 208px;

 right: 0;

 z-index: 999999;

 display: block;

}

#onlineService .onlineIcon {

 position: relative;

 cursor: pointer;

 background: url(online_service.png) no-repeat;

 width: 34px;

 height: 110px;

 text-indent: -9999px;

 overflow:hidden;

}

#onlineService #pop {

 border: 3px solid #19B4EA;

 background-color: #F2F2F2;

 padding: 8px;

 width: 95px;

 min-height: 84px;

 position: absolute;

 right: 34px;

 top: 0;

 display: none;

 z-index: 999999;

}

#onlineService .onlineQQ a {

 display: block;

 background: url(online_service.png) no-repeat left -160px;

 color: #19B4EA;

 width: 82px;

 height: 24px;

 line-height: 23px;

 padding-left: 27px;

 margin-bottom: 8px;

}

#onlineService .onlineQQ a:hover {

 text-decoration: none;

 color: #19B4EA;

}

#onlineService .service {

 border-top: 1px solid #DDDDDD;

 padding-top: 8px;

 color: #666;

}

#onlineService .service a {

 color: #666;

}

#onlineService .service li {

 background: url(online_service.png) no-repeat left -202px;

 padding-left: 8px;

}

#onlineService .goTop {

 display: none;

}

#onlineService .goTop .goBtn {

 background: #F2F2F2 url(online_service.png) no-repeat left -120px;

 width: 34px;

 height: 34px;

 display: block;

}

/* footer

----------------------------------------------- */

#footer {

 background-color: #1b1b1b;

 padding: 25px 0;

 line-height: 26px;

 color: #898989;

 float:left; 

 width:100%

}

#footer a {

 color: #898989;

}

#footer .footNav i {

 margin: 0 12px;

 color: #CCC;

}

#footer .footNav a.first {

 margin-left: 0;

}

#footer .copyRight {

 width:100%;

 float:left;

 line-height:30px;

 color:#fff; text-align:center

}

#footer .copyRight span{color:#fff}
#footer .copyRight a {color:#fff}

.inx-link{width:45%; float:left;}

#footer h3{font-weight:600; color:#fff; font-size:15px; margin: 5px 0}

#footer .line-one{width:40px; float:left; background:#fff; height:2px; margin-bottom:10px}

/*首页新加style*/

.ind-div{width:100%; display:inline-block}

.ind-product-div{width:100%; float:left;}

.ind-product{width:100%; float:left; margin:0 -15px; height:560px; padding-top:15px}

.ind-product .por-div{width:25%; float:left;  box-sizing:border-box; padding:15px; text-align:center;}

.ind-product .por-div a{font-size: 14px; font-weight: bold;}

.ind-product .por-div .por-img{width:100%; margin-bottom:5px; height:194px; border:1px solid #ddd; padding:1px; box-sizing:border-box; display:inline-block; overflow:hidden}

.ind-product .por-div .por-img img{width:258; height:190px; transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}

.ind-product .por-div .por-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); opacity: 0.90; filter: alpha(opacity=90); }

.ind-product .por-div span{color:#888}

.ind-title{width:100%; float:left; margin-bottom:25px; text-align:center}

.ind-title .left-bg{width:328px; height:15px; background:url(hmain_4.jpg) center center no-repeat; display:inline-block}

.ind-title .text-f20{font-size:24px; padding:0 20px; line-height:50px}

.ind-title .text-f20 span{color:#888; font-family:Arial}

.ind-title p{text-align:center; color:#888; font-size:15px}

.inx-bgh{background:url(abg.jpg) no-repeat; position:relative; box-sizing:border-box; color:#fff; background-size:100% 500px; height:500px}

.inx-bgh .ind-title p{ color:#fff}

.inx-bgh .ind-title .text-f20 span{color:#fff; font-family:Arial}

.line{width:130px; height:2px; background:#fff; margin:15px auto}

.inx-adv{width:100%; position:absolute; top:150px}

.inx-adv-list{margin:0 -10px; width:100%; float:left;}

.inx-adv-list ul{margin:0; padding:0}

.inx-adv-list ul li{width:25%; float:left; box-sizing:border-box; padding:10px; color:#888}

.inx-adv-list ul li .inx-adv-div{width:100%; background:#fff; box-sizing:border-box; padding:50px 30px; text-align:center; box-shadow: #ccc 0px 0px 10px; -webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px;}

.inx-adv-list ul li  h3{color:#333; font-size:16px; font-weight:600; margin-top:30px}

.inx-adv-list ul li .inx-adv-div:hover{ box-sizing:border-box; border:1px solid #b90101; }

.inx-adv-list ul li .inx-adv-div img{-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-ms-transition: -ms-transform 0.6s ease-out;}

.inx-adv-list ul li .inx-adv-div:hover img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);	-ms-transform: rotateZ(360deg);	transform: rotateZ(360deg);}

.inx-solu{width:100%; float:left;}

.bottom-ewm{width:22%; float:right; text-align:center}

.lh-30{line-height:26px}

.h15{height:15px}

.tab{ width:100%; float:left;}

.tab-hd { overflow:hidden; zoom:1;}

.tab-hd li{ float:left; border-radius:5px; margin:0 10px; padding:11px 0; background:#504b4c; width:215px; box-sizing:border-box; color:#fff; text-align:center; cursor:pointer;}

.tab-hd li a {color:#fff;}

.tab-hd li.active{ background:#ce0d08;}

.tab-bd li{display:none; padding:15px;}

.tab-bd li.thisclass{ display:list-item;}

.about-div{width:100%; float:left; box-sizing:border-box; padding:0 50px; font-size:16px; text-align:left; line-height:200%; text-indent:35px}

.about-div img{width:450px; float:right; margin-left:30px}

.about-div a{padding:8px 20px; color:#fff; background:#504b4c;}

.plr50{box-sizing:border-box; padding:0 70px}

.inx-news{width:55%; float:left; box-sizing:border-box; padding-right:50px}

.inx-news ul{margin:0; padding:0}

.inx-news ul li{width:100%; float:left; line-height:35px; border-bottom:1px dashed #ddd; padding:0 5px; box-sizing:border-box;}

.inx-news ul li span{float:right}

.nc-title{width:100%; float:left; font-size:18px; color:#c20001; margin-bottom:20px}

.nc-title span{color:#888}

.inx-contact{width:45%; float:left; box-sizing:border-box; padding-left:30px}

.bgcase{background:#ddd; float:left}

.box{ width:1200px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}

.picbox{ width:1200px; height:240px; overflow:hidden; position:relative;}

.piclist{ height:240px;position:absolute; left:0px; top:0px}

.piclist li{ background:#eee; margin-right:20px; padding:4px; float:left; position:relative}

.an-name{position:absolute; bottom:4px; left:4px; text-align:center; width:272px; line-height:30px; background-color:rgba(255,255,255,0.7)}

.piclist li img{width:272px; height:230px} 

.swaplist{ position:absolute; left:-3000px; top:0px}

.og_prev,.og_next{ width:30px; height:50px;  background:url(icon_ie6.png) no-repeat; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}

.og_prev{ background-position:0 -60px; left:4px; top:85px}

.og_next{ background-position:0 0; right:4px; top:85px}



.aboutbg{width:100%; float:left; height:350px; background:url(aboutbg.jpg) center center no-repeat; background-size:1920px 350px; margin-bottom:20px}

.coubg{width:100%; float:left; height:350px; background:url(conbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}

.probg{width:100%; float:left; height:350px; background:url(probg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}

.lybg{width:100%; float:left; height:350px; background:url(lybg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}

.fwbg{width:100%; float:left; height:350px; background:url(fwbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}

.newsbg{width:100%; float:left; height:350px; background:url(newsbg.jpg) center center no-repeat; background-size:1920px 350px;margin-bottom:20px}



.myscroll { width: 100%; height: 200px;  overflow: hidden;}



.navContent{display: none;}



#header .wrap > .cur > a, #header .wrap > .cur > a:hover, #header .wrap > .cur > a:focus, #header .wrap > .open > a, #header .wrap > .open > a:hover, #header .wrap > .open > a:focus {

border-bottom: 2px solid #ce0d08;

}

#footer .hid{display:block;

	width:1px; height:1px;

	overflow:hidden;

	font-size:0;}



.treeBox li.pro-listbg.cur a {

 border-left: 4px solid #fff; color:#fff

}

.treeBox li.cur a {

  border-left: 4px solid #c20001;

}

.treeBox li.proej.cur a {

  border-left:0; color:#c20001

}